page {
  background-color: #e5e5e5;
  height: 100%;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.container {
  padding: 40rpx 24rpx 0rpx 24rpx;
  height: 100%;
  .titleBox {
    display: flex;
    .title {
      margin-left: 48rpx;
      font-weight: 500;
      font-size: 28rpx;
      line-height: 28rpx;
      color: #8c8c8c;
    }
    .t1 {
      margin-left: 8rpx;
    }
    .active {
      color: #fb7a42;
    }
    .line {
      width: 20rpx;
      height: 6rpx;
      background: #fb7a42;
      border-radius: 2rpx 2rpx 4rpx 24rx;
      margin: 4rpx auto;
    }
  }
  .pageScrollBox {
    height: 100%;
    margin-top: 30rpx;
    white-space: nowrap;
    .Box:first-child {
      margin-left: 0;
    }
    .Box {
      vertical-align: top;
      width: 100%;
      margin-left: 24rpx;
      display: inline-block;
      .goodItem:first-child {
        margin-top: 0;
      }
      .goodItem {
        margin-top: 24rpx;
        width: 702rpx;
        height: 340rpx;
        background-color: #fff;
        border-radius: 6px;
        padding: 24rpx;
        .itemTitleBox {
          display: flex;
          .goodType {
            font-size: 32rpx;
            line-height: 32rpx;
          }
          .timeContext {
            margin-left: 24rpx;
            font-size: 24rpx;
            line-height: 32rpx;
            color: #8c8c8c;
          }
          .rightIcon {
            width: 12rpx;
            height: 22rpx;
            margin-left: auto;
            margin-top: 8rpx;
          }
        }
        .pictureBoxs {
          margin-top: 24rpx;
          display: flex;
          .scrollV {
            width: 494rpx;
            height: 164rpx;
            white-space: nowrap;
            .scrollItem:first-child {
              margin-left: 0;
            }
            .scrollItem {
              margin-left: 24rpx;
              width: 128rpx;
              height: 164rpx;
              display: inline-block;
              .scrollItemImg {
                width: 128rpx;
                height: 128rpx;
              }
              .scrollItemContext {
                text-align: center;
                font-size: 24rpx;
                line-height: 24rpx;
              }
            }
          }
          .totalBox {
            width: 160rpx;
            height: 164rpx;
            .totalNum {
              margin: 30rpx 34rpx 0 36rpx;
              font-size: 28rpx;
              line-height: 28rpx;
            }
            .totalPrice {
              margin: 12rpx 20rpx 0 20rpx;
              font-size: 28rpx;
              line-height: 28rpx;
              color: #fb7a42;
            }
          }
        }
        .goodState {
          text-align: right;
          font-size: 36rpx;
          line-height: 36rpx;
          color: #fb7a42;
        }
      }
      .noGood {
        height: 300rpx;
        width: 100%;
        text-align: center;
        .nullPicture {
          width: 374rpx;
          height: 302rpx;
        }
        .nullContext {
          margin-top: 32rpx;
          font-size: 36rpx;
          line-height: 36rpx;
          color: #aaaaaa;
        }
      }
      .deleteBox {
        width: 138rpx;
        height: 360rpx;
        background: #ff4d26;
        padding: 164rpx 36rpx 164rpx 38rpx;
        box-sizing: border-box;
        color: #ffffff;
        font-size: 32rpx;
        line-height: 32rpx;
        position: absolute;
        right: -162rpx;
        top: 0;
      }
    }
    .noEvaluate {
      overflow: hidden;
      .goodBanner {
        position: relative;
        transition: .3s;
        .delete {
          position: absolute;
          top: 0;
          right: -164rpx;
          font-size: 32rpx;
          line-height: 32rpx;
          color: #ffffff;
          background-color: #ff4d26;
          padding: 164rpx 36rpx 164rpx 36rpx;
          box-sizing: border-box;
        }
        .goodItem {
          height: 360rpx;
        }
        .buttonBox {
          margin-top: 36rpx;
          display: flex;
          justify-content: flex-end;
          .btn {
            font-size: 24rpx;
            line-height: 24rpx;
            color: #fb7a42;
            border: 1px solid #fb7a42;
            box-sizing: border-box;
            border-radius: 32rpx;
            padding: 16rpx 32rpx 16rpx 32rpx;
          }
          .again {
            margin-right: 24rpx;
          }
          .commit {
            background: #fb7a42;
            color: #fff;
          }
        }
      }
    }
  }
}
